<!DOCTYPE html>
<html>
	<head>
		<title>Test</title>
		<link type="text/css" rel="stylesheet" href="style.css" />
	</head>
	<body>
		<dl>
			<div id="column1">
				<dt>Contact name</dt>
					<dd>Maria Anders</dd>
					<dd class="colored">Ana Trujillo</dd>
					<dd >Antonio Moreno</dd>
					<dd class="colored">Thomas Hardy</dd>
			</div>
			<div id="column2">
				<dt>City</dt>
					<dd>Berlin</dd>
					<dd class="colored">M&egrave;xico D.F.</dd>
					<dd>M&egrave;xico D.F.</dd>
					<dd class="colored">London</dd>
			</div>
			<div id="column3">
				<dt>Country</dt>
					<dd>
						<span class="ger"></span>
						<span class="names">Germany</span>
					</dd>
					<dd class="colored">
						<span class="mex"></span>
						<span class="names">Mexico</span>
					</dd>
					<dd>
						<span class="mex"></span>
						<span class="names">Mexico</span>
					</dd>
					<dd class="colored">
						<span class="uk"></span>
						<span class="names">UK</span>
					</dd>
			</div>
			<div id="column4">
				<dt class="last">Is Promoded</dt>
						<dd class="last"><span><input type="checkbox"></span></dd>
						<dd class="last colored"><span><input type="checkbox"></span></dd>
						<dd class="last"><span><input type="checkbox"></span></dd>
						<dd class="last colored"><span><input type="checkbox"></span></dd>
			</div>
		</dl>
	</body>
</html>